<!DOCTYPE html>
<html>
<head>
	<title></title>

</head>
<body>
<form id="form1" oninput="result.value = range.value">
	
<input type="checkbox" value="1" class="kk" kk="333" id="kk" /> 
<input type="email"name="user_email"/>
<input type="url"name="url" list = "url_list"/>
<input type="number"name="points"min="1"max="10" step="1"/>
<input type="range" id="range" name="range"min="1"max="10" step="2" />
<input type="date"name="date"/> <!--month  week datetime time datetime-local -->
<input type="search"name="search"/>

<output id="result"onforminput="resCalc()"></output>
<input type="button" value="submit" id="btn" onclick="form1.submit()"/> 
<datalist id="url_list">
 <option label="W3School"value="http://www.W3School.com.cn"/>
 <option label="Google"value="http://www.google.com"/>
 <option label="Microsoft"value="http://www.microsoft.com"/>
</datalist>


Username:<input type="text"name="usr_name"/>Encryption:<keygen name="security"/>
</form>
</body>
<script type="text/javascript" src="./js/jquery-1.8.2.js"></script>
<script type="text/javascript" src="js/utils.js"></script>
<!-- <script type="text/javascript" src="js/utils_test.js"></script> -->
<script type="text/javascript">
	
function resCalc(){
	log(range.value);
	return range.value;
}
</script>

</html>